.google-map-env {
  background: #e5e5e5;
  margin-bottom: @default-padding;

  ~ .main-footer {
    display: none !important;
  }

  &.fill {
    margin: -@default-padding;

    .map-toolbar > .row {
      margin-left: 0;
      margin-right: 0;
    }
  }

  .map-toolbar {
    padding: @base-margin @default-padding/2;
    background: #fff;

    + .gmap {
      border-top: 1px solid #ccc;
    }
  }

  .gmap + .map-toolbar {
    border-top: 1px solid @border-radius-base;
  }


  .full-page-google-map {
    border-top: 1px solid @default-border-color;

    > div {
      width: 100%;
      height: 500px;
    }
  }
}


.jvectormap-label {
  position: absolute;
  display: none;
  background: @brand-primary;
  color: white;
  font-family: sans-serif, Verdana;
  font-size: smaller;
  padding: 3px @base-padding - 3;
  z-index: 1000 !important;
  .border-radius(@border-radius-base);
}

.jvectormap-zoomin,
.jvectormap-zoomout {
  @s: 14px;

  position: absolute;
  left: 10px;
  border: 1px solid lighten(@default-border-color, 4%);
  background: #fafafa;
  padding: 3px;
  color: @main-text-color;
  width: @s * 2;
  height: @s * 2;
  cursor: pointer;
  line-height: @s + 5;
  text-align: center;
  .border-radius(@border-radius-base);

  &:hover {
    background-color: darken(#fafafa, 3%);
  }

  &:active {
    .box-shadow(inset 0px 0px 5px fade(#000, 10%));
  }
}

.jvectormap-zoomin {
  top: 10px;
}

.jvectormap-zoomout {
  top: 40px - 3;
}